<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>Gaz Tests</title>
    <script type="text/javascript" src="jquery/jquery-1.2.6.js"></script>
    <script type="text/javascript" src="../src/gaz.treestore.js"></script>
    <script type="text/javascript" src="../src/gaz.treeview.js"></script>
    <script type="text/javascript">//<![CDATA[
    $(function() {
        var h;
        $("#drag").bind('mousedown', function(evt) {
            var self = this;
            var mouseX = evt.clientX;
            var mouseY = evt.clientY;
            this.style.position = "relative";
            $(document).bind('mousemove', function(evt) {
                self.style.left = evt.clientX - mouseX + "px";
                self.style.top = evt.clientY - mouseY + "px";
                return false;
            });
        });
        $(document).bind('mouseup', function(evt) {
            //document.onmousemove = null;
            $(document).unbind('mousemove');
        });
    });
    //]></script>
</head>
<body>
    <div id="move" style="width:100%; height: 600px; background: #eee;">
        <h1>Gaz Tests</h1>
        <div id="drag" style="background: orange; border: 2px solid red; width: 200px;">DRAG ME!</div>
    </div>
</body>
